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((سبحانك لا علم لنا إلا ما علمتنا إنك أنت العليم الحكيم)) 


lusam_haQd0maktoob.com 
K9 uk ak Tk ak 7 . س س م م 2 ۳ ا ۴ س و | اا‎ ٠ 
www.worldcomputer.jeeran.com 


تم نسل الحتاب من موقق.: 
WMIMNMCBIA. COM‏ 


ولا دعوتى لزيارة موقعك بعد أن تقوم بتصميمه 


كيفية تصميم موقع مجاني من البداية حتى النهاية 


تأليف : حسام الدين حسن 

husam ha@maktoob.com البريد الإلكتروىي:‎ 
www.worldcomputer.jeeran.com : gقوملئا‎ 

مجالاتي : تصميم مواقع - برمجة البرامج والألعاب بالفيجوال بيسك ومتوسط بال×)ء O٥‏ 
تحميل الكتاب : تم تحميل الكتاب من موقع كتب الحاسب العربية ۷W ۷W.٤٥عا42.ع0 ٣‏ 
للتعارف والتعاون : فقط راسنلي على الإيميل 

تاريخ كتابة الكتاب : ۲٠٠۷/٠٦/٠٠١‏ 

أرجوا منك أخي الكريم نشر الكتاب حتى تعم الفائدة للجميع 


وإذا كان لديك أي سؤال أو الحصول على المساعدة أو لديك مشروع عن موقع وتريدني أن أشاركك ببنانه لا تتردد 
يمكنك مراسلتي على البريد الإلكتروني 


أخوك : حسام الدين حسن husam_ha@maktoob.com‏ 
إهداء : 


أهدي هذا الكتاب بشكل عام لجميع المسلمين في انحاء العالم ولأهلنا في العراق وفلسطين نصرهم الله على أعدائهم 
وأهدي الكتاب بشكل خاص لك عزيزي القارىء ولأبي وأمي حفظهم الله 


حقوق النشر: 


*حقوق كتاب تصميم موقع مجاني من البداية حتى النهاية محفوظة للمؤلف ويحق لأي شخص نشره على صورته 
الإلكترونية ولا يحق إستغلاله بمنفعة مادية أو تجارية فالكتاب مجاني ٠٠١‏ 


*اسماء البرامج المذكورة في هذا الكتاب مثل موه ۴٣٠٣٤۴٥‏ وغيرها هي علامات تجارية مسجلة لاصحابهاء 
والمؤلف يحترم هذه العلامات 
ويقر بها لماليكها سواء آكانوا افراد او شركات او أي جهة تنظيميةء ولم يتم ذكرها للاختصار. 


جميع الاراء الموجودة في هذا الكتاب تعبر عن رأي المؤلف الشخصي 

٠ مقدمة‎ 

نظراً لقلت الكتب العربية في مجال بناء المواقع ونظراً لكثرة الأسئلة حول بناء مواقع شخصية ومجانية قررت إنشاء 
هذا الكتاب لوجه الله وإذا كان هناك أي خطاً في الكتاب أرجوا مراسلتي لتصحيح وتنقيح هذا الكتاب وتطويره فهذا 
الكتاب الأول الذي أقوم بكتابته فاعذروني عند التقصير 

ملاحظة : مع الكتاب يوجد أمثلة لتصميم الصفحات 

ما هو الموقع المجانى الذي يمكنك بنائه: 


ستتعلم معنا بناء صفحات جميلة ورائعة لموقعك إظافة إلى أن الموقع سيكون موقع مجاني ذو مساحة ۰ میجا 
لصفحات وصور الموقع و١٠٠٠‏ مجيا للملفات (كالأغاني والفيديو )إظافة إلى ذلك إنشاء سجل زوار + قائمة بريدية 
+ عداد زوار + نموذجچ بريدي 


متطلبات لبناء موقع مجانى: 
أن تكون مفعماً بالإرادة والحماس لبناء موقع إظافة إلى أن يكون عندك هذه البرامج : 


١‏ برنامجچ الفرنت بیج مو ۴٣٠٣٤٥۵‏ (وهو برنامج يأتي مع حزمة أوفيس أعتقد إن البرنامج معروف 
وموجود في كل مكان وإذا لم يكن لديك البرنامج إذهب لأي محل كمبيوتر واطلب منه K0‏ لبرامج اوفيس) 

- برنامج محرر صور أفضلها وأكثرها إستخداماً الفوتوشوب (فائدة هذا البرنامج لإنشاء الصور التي تريد 
وضعها على الموقع ( ٍ ٍ 

٣‏ أن يكون لديك اتصال بالأنترنت (لحجز المساحة ولتحميل الملفات) 


0 
. 


خطوات إنشاء الموقع : 


- فكر في موضوع موقعك و اسمه . 
يجب ان يكون اسم الموقع متعلق بموضوع و محتوى الموقع 


- ارسم موقعك على ورقة . 
لا تستغرب فهذه الطريقة يستخدمها افضل مصممي المواقع 


- حجز مساحة لموقعك على الانترنت : 

هناك العديد من الشركات التي تقدم الاستضافة المجانية وقد إخترت لك أفضل هذه الشركات وأكثرها إستخداماً وأسهلها 
وهي شركة جيران 0mټwww.jeera¬.c0‏ 

لماذا اخترت جيران ؟ بكل بساطة لأن إعلاناتها قليلة وصغيرة ومقبولة وأهم شيء تعطيك خدمات مجانية جاهزة كسجل 
زوار - وعداد زوار- وقائمه بریدیه و نمودج بریدي إضافه لکونها شرکه عربیه 


الجزء الأول - إنشاء الصفحات بال ۴ro ۸٤٣٥ھ ge‏ : 


أولاً إفتح برنامج الفرنت بيج وذلك بالذهاب إلى قائمة إبدأ ومن ثم البرامج ومن ثم Microsoft FrontPage‏ 
وهذه هي صورة البرنامج : 


& Microsolt Frontage - new _ page_1.htm 


يلف تجریر عرض !دراج ناسین أدوات جدرل لطارات لطار تعلمات 7 سوال اللات 
DLD#E-HAIE: & ¥ E E DRAG EE Q0 N.‏ 


Times New Romar +> 3[lap} <> B F U SES HU} + A A ji33 EF [ > 


ht‏ page_1_سnew‏ | طرق العرض | × ” صفحة جديدة أو ویب جد 
FundTransfer_YBSrript‏ 
AdRotator_YBScripE FEE E‏ 
الصقحة التي تسل علیہا BrowserLap_15cript‏ 
شريط الأدوات أظن أنه محروف ولاداعي لشرحهه چ 2 


ES صجلدذات‎ 


غادي 


i‏ صغفحة فارغة 

1 [8ا صفحة ويب فارغة 

تقاریر حديذ من صغحة صوحودة 

و بحدید ن قالب 

[آها قوالب الصفحة... 
ها قوالب موقح ويب... 


3 
Microsoft, com gle گالب‎ @[ 0 


قتاب تصميم موقع مجاني من البداية حتى النهاية 


3 
ازتباطات 
هنا التصميم المرئي للصقحات وسوف يتم تشبية 
التعامل مه في الكثاب 1 
مهام 


لحايتة الف الذي صممنام 
لشاهدة كود الا Him‏ 


إضافة مؤضح شبكة الاتصال... 
Microsoft FrontPage i lali‏ 
إظهار عند بتء التشغيل 


e 2‏ ك 


gale] AHL Qale | 1 | 
3 0۲۸۸ ثائبة نون‎ 


كما ترى في الصورة السابقة فهو برنامج بسيط وسهل ولكنه مليء بالأوامر والأن بعد أن تعرفت على برنامج 
FrontPage‏ سمي بالله وتعال نبدا معا بإانشاء اقتضل واروع موفع مع سجل زوار و ا 


ملاحظة هامة جداً قبل البدأ : 


قبل إنشاء صفحتك اختر |1۳ وقم بمسح الكود المحدد : 


zhtul dir="rtl">» 


head? 


ا 


AL 


FF 


UEtA HTETp-EAIY="CoOFHTEERT=LaNAaAE" cContEeEHL= 


iE = "SENERATIR™ content=" MICE 


A ht 

>1 ٤1< الصغحة الرتبسية‎ >1< 
Etyle fpreollovEerstylez>A: hoyYer {0 
t#SEFlez> 
+ #hpP ad 


fIonr: #FFUUUU? font-family: Arial; font-size: 14pL: te 


body bgcolna 


tEable borFdeë 
AEE 
ZEA widE 
img boE 
FEE 
#7 tab lez 
aLablE borde OInE="#F 
EE 
ERLE as REESE 
ta href=" Index. htû"> ةwı3pdلا‎ aخغaلl‎ fat FEontet fhe LAE 
td width="20%" height="49"z><h><font face="Arial" size=" 4" 
ta href="Zoar.htu">yرlgajldl‎ Jzwtfa< #EonteTf bet 
ZEA width="20%" height=" 49"zZbh>tEont :face="Arial" size=" 4"> 
xa href="Itaal.htu">lin Jll <#azt Fonte bt7 TA 
EA width="20%" height="49"zth><Eont face="Arial" size="4"y 
+a href="Bared. htu">a3ıuuلll‎ liةeîlêtfat‎ f Eontzet b> tA 
LF EE 
+#tablez 
table border="4" cellzpacing="l" width="1U00$%" id="hutolumber3" height="ğ295" bjğcolor=™"# 
XEE> 
td width="25%" height="290"z>ths>tfont face="Ariãal" size=" 4"> 
4a HEEÊ=" InfOuE. ht" ge SlnglartFaA® FERT BETES 
tEont face="Arial" size="4"z>ta hrefl="Z0aE. ht" jyرlgjldl‎ Ja7 at {Eontet/b=< p> 
HD unt Face="Arial" size="{"p>ta lhref="Itsal. hu" liu lla I< att FEONL?S Bot f> 
مجابنة ا عاد ها‎ | 4 


تصميم الصفحات : 


هل فكرت باسم لموقعك وماذا ستريد أن تضع بداخله إذا لم تفكر فكر وبعدها تابع معي 


التصميم سهل جداً فيجب عليك أولاً تقسيم الصفحة إلى عدة أقسام عن طريق الجداول 


يلف نڪرپر عرض لدراج سين أدواث يديل إطارات لطار تعلبمات انب سال للنعلیمات 
G:R#R-HERIEB EQ # ECE =0. BSBORMRGCE BOT 0.‏ 


SE AU} A A j5 3F El 2-A.‏ ڪڪ Times New Romar +> 3p > B F U‏ > عادي 


new page_ hm 3‏ | | طرق اعرش | 
في هذا القسم تضع صورة عبار عن شعار 5 
لوقعك مجادات 


sale | AHTML Auto | 4 | 0 
کڪ ڪڪ‎ C۲.“ ٤ 2 FER 


بعد تصميم الجدول صمم الصورة التي ستكون شعاراً لموقعك وبعد ذلك إذهب إلى 


یا | ج ر ج ی ی ب ا 
خط أ فشي li E‏ ٍ 
الثاربخ والوفت... MHF A EEE‏ 


ClipArt FI | 4 صورة‎ 


معرض صور فولوغرافية جدید... 


وإختر الصورة التي تريد إدراجها في الجدول 

ملاحظة :إرتفاع وعرض الصورة يجب أن يكون مناسباً لإرتفاع وعرض الجدول قبل البدأ بالعميلة السابقة يجب عليك 
وضع مشيرة الكتابة(فعند إدراج أي شيء يجب وضع المشيرة في المكان الذي تريد الإدراج إليه) في قلب الجدول 
كالآتي 


ا 


فبعد إدراج الصورة سوف تكون النتيجة كالتالي : 


الأن قمنا بتصميم الشعار الأن نريد إدراج جدول مكون من عمودين العمود الأول سيكون خاصا للأقسام والعمود الأخر 
خاصاً لمحتويات كل قسم(من صور أو مواضيع........الخ) قبل البدء ضع مشيرة الكتابة تحت جدول الشعار ومن ثم 
إذهب وأختر كالتالي : 
BElA | @&‏ 
EE‏ __ 
EEE‏ 


ت 
کک 9 


٣ في‎ ١ جدول‎ 


ستلاحظ أنه تم إدراج جدول مکون من عمودين قم بسحب العمود الذي في الوسط إلى الأتجاه الأيمن كي يصبح الشكل 
بشكل نهائي كالآتي : 


وبإمكانك تصميم جداول وأقسام كما تشاء فيمكن تصميم الموقع كالتالي 


القائمة البريدية النموذج البريدي عداد الزوا 


قسم البرمجة : 
هلا بكم في قسم البرمجة تحياتي لكم مدير عام الموقع 


النموذج البريد 
عداد الڑوار 


ملاحظة : في الفقرة السابقة إستخدمت عدة جداول مرقمة كما في الصورة التي في الأعلى 
كل ذلك فقط ضع مشيرة الكتابة مكان تريد إدراج به جدول وإختر عدد الأعمدة كما بالشكل 
ال E‏ 
]| ]ا 
nama‏ 
ااا ا 


anan 
تې ع‎ ١ دوا‎ 


تلوين أو إظافة صور داخل الجداول(التحكم بالجداول) : 


الآن بعد أن تعلمنا كيفية تقسيم الصفحة بالجداول وإنشاء بوساطتها الأقسام التي نريد سوف نتعلم في هذا الدرس كيفية 


التحكم بهذه الجداول كما نشاء 
اول إذهب إلى الجدول الذي تريد التحكم به واضغط الزر الأيمن عليه واختر خصائص الجدول : 


لحرير الصورة 
2 لدراچ غوف 
لدراج أ عمد 
خضصاتص الصفحة.. 
شصاقص الخلية... 1 
شاق الصورة.. 
إا صورة مصغرة نلفاثية 
ارنباط نشعبي... 
فتظهر لك النافذة التالية وباإمكانك أن تفعل ما تشاء بهذه النافذة إما بتغيير الون أو تغيير الحجم كل هذا يعود إليك فمثلاً 
آنا قمت بالتغييرات التالية : 


EET الفخاذاة:‎ 


اناه الجدون: الافتراضف لتا | 9 | 

: ۴ بالنسية المثوية 
نطاف الخلبة؛ ا | ندید الذرنغاع: 
العسافة بين الخلايا: اتب | Î‏ بالیێسل 


٠‏ بالنسبة المغوة 
اتجاة الجدوله؟ بلا |> 


ELE 
العججحض:‎ 
اللوت:‎ 


إظهار خذود الختا والحدول 


I 
|. 
اتام وة خافية‎ آ٠‎ 


اا ن 2 
نصط.. إلخاء الأمر تطبيق 


فستكون النتيجة كالتالي : 


ملاحظة مهمة : يمكنك التحكم ليس فقط بالجدول بكامله يمكنك أيضاً التحكم بالخلية الواحدة مثلاً لدي الجدول الذي في 
الأعلى فيه خليتين ولنفترض اني اريد إجراء تغيير على خلية الأقسام فقط يمكنني عمل ذلك بسهولة فقط إضغط على 
خلية الأقسام بالزر الأيمن واختر 


لص 
لدراج لوف 
لدراج أعمدة 
تفسيم الخلابا... 
خصاقص الصفعة.. 


خصاثص الجدول... 

7= فشرة.. 

۸ خط 

فتظهر لك النافذة الخاصة بهذه الخلية كما بالشكل الآتي فأنا قمت ببعض التغيير فيها : 
©9 حصائص الخلية 


التخطيط 


محاذاة أفقية: الأفتراضي ا تجخید العرض: 
فحاذاة سصوذية: 
امتذاد الصفوف: 2 ا تيد الذرتغاع؛ 


ع 
اصتذاد الأعصدذة: 


تلغاثي 8 ا * 


يآ #ا استخدام صورة خافية 


FiletfffF: {Documents and and Settings all‏ استجراضی.. 


فيصبح شكل الخلية كالتالي 


لاحظ انني استخدمت صورة داخل الخلية 


الآن سنتعلم كيف نضع خط إفتراضي يتعامل معه الجدول بشكل كامل أو الخلية الواحدة فقط: 

إذا كنت تريد وضع خط إفتراضي لجميع الجدول إضغط في أي مكان من الجدول بالزر الأيمن وأختر خصائص الجدول 
وإذا كنت تريد وضع الخط لخلية ما إضغط على الخلية التي تريد وإضغط بالزر الأيمن عليها واختر خصائص الخلية 
فتظهر لك نافذة الخصائص اختر منها زر نمط كما في صورة الخصائص التي في الأعلى وبعد الضغط على زر نمط 
تظهر لك النافذة التالية 


الاسم (الضحدد: نوع النمط! 
الفغة؛ المجرف: 

| . ûAutoNurmber3 | > | 
- الصجابنة‎ 


رة نايق ارد أف نة اف رة اف اة ار اد اولي ك ارد نايك افر دا تيقد اف5 رة اف ايك ايت رة اف دة 


اف ڏ رد اهدي پم نط پنیا افر د الد بد تد لیایا اسم د اي پم نولم تیا اد درد اسي پم مطبیا اتر د ادي دم بايا 
ام ڏ ای بد نلم تیا افدر د اسي پم مطاییا اتر د الد دم بايا 


اتر د افيد آفذر ذد ااي ا رنت أرما بد افر د ايد ارد رأة ادر دال ققد ار د أعأييد ا ةرد ليذ 


الوصف 


صواففق إلجاء الأب 


اختر تنسيق واضغط على خط ومن ثم تحكم بنوعية الخط كما تشاء كما في الصورة 


Angsana Mew 
AngsanalIPL 
Arabic Transparent 


Arial (Fantasy) 


تلقاثي 88 | * 


آ احرف استهلالية صخيرة 
٠آ‏ أجرف استهلالية شبيرة 
٠آ‏ الكتابة بأحرف كبيرة 


مخفيي 


الأن بعد أن تعلمنا الأساسيات في رسم الجداول وتقسيم الصفحة إلى عدد من الجداول والتحكم بها سوف نقوم الآن ببناء 
موقع كمثال وليكن إسم الموقع ۳ هوں ١‏ حيث يحوي هذا الموقع الأقسام التالية 


قسم معلومات عني - قسم سجل الزوار - قسم القائمة البريدية - قسم النموذج البريدي 
قبل البدء : 


قم بإنشاء مجلد بإسم الموقع كالتالي ا٣‏ s2ں 0:1۱١1‏ حيث أن "هون تعني إسم موقعك 

لماذا قمنا بهذه العملية قمنا بها لوضع جميع ملفات الموقع بمجلد واحد 

بعد إنشاء المجلد إفتح برنامج ۴۲٠۸۲۶2۵9٥‏ واضغط ملف ومن ثم جديد وبعد ذلك إذهب إلى ملف ومن ثم إختر حفظ 
واحفظ الملف في ua"‏ 5:11 وأدخل إسم الملف ×هلہا 

ملاحظة : لا تقم بتسمية الملفات باللغة العربية ودائماً قم بتسمية الصفحة الرئيسية بال جملا 


بعد حفظ الملف إضغط اليمين في أي مكان من الصفحة واختر خصائص الصفحة كما بالشكل: 


فتظهر لك النافذة التالية مشروحة كما بالشكل: 


Filet O HHusamfindêx, Ern الحوقح:‎ 


الحنوان: 
الموقح الأساسي؛ 


الأطار الهدف الافتراضي: | | 


صوت في الخلفية 
الضوقح: ا استزاض... 
التتزار؛ چ #آ على الدواد 

برصجة نصية باستخذام عناصر تحكم وقت التصصيد 
النظام الأساسي: eT OE4ODHTML) Juli‏ 


اللارتباط التنش ييي 


ازتباط تشعبي تهت زارته: 


ENE ES IRE AN 


فتصبح الصفحة كالتالي: 


| index.htm " 


إنشاء الصفحة الرئيسية : 


أولاً رسم الشعار : 


آنا قمت برسم شعار المثال ببرنامج الفوتو شوب إذا لم تكن تملك الفوتوشوب يمكنك رسم شعار خاص بك بأي برنامج 
محرر صور فمثلاً يمكنك رسم شعار ببرنامج الرسام ولكن عند إنشاء صورة إجعل عرضها وطولها على سبيل المثال 
العرض ٠٠٠‏ والطول ٠٠١‏ بحيث حجمها يتناسب مع الجدول بعد إنشاء الصورة احفظها بالمجلد | هءu‏ 0:۱1 
بامتداد يجب أن يكون إما 6ل أو ۴| لأن هذه الإمتدادات صغيرة الحجم مما يسهل تحميلها للأنترنت وإحذر من 
أن تنشىء اللاحقة B۴‏ لأنها كبيرة جداً 

ملاحظة : جميع الصور التي تريد وضعها في الموقع تضعها بمجلد الموقع بالنسبة لمثالنا نضعها ب أ١‏ 2ئu‏ 5:۱1 


ثانياً إدراج الشعار : 


أولاً ندرج جدول وحيد بدون أعمدة كما تعلمنا بالدروس السابقة ومن ثم نضع المشيرة داخله ونذهب إلى قائمة إدراج و 

من ثم صورة ومن ثم صورة من ملف ومن ثم تذھب إلى المسار ۳١‏ ھوں 5:1۸1 حيث قمت قمت بحفظ صورة الشعار 

بعد إدراج الصورة تضغط على الصورة ضغطتين متتاليتين فتظهر لك النافذة التالية وتقوم بالتغييرات كما بالشكل : 
EK‏ خد اأص الصورة 

| فو عام تمقو 


نصط الالنقغاقف 


2 


المجاذاة؛ الاقتنراضي : تباعد فقي î‏ 
سك الحذود: لت تباعد عمودق: ا 


| | الحجم 
تجديد الحجم ارغ ج١ا‏ الارنغاع؛ لت 
هذه سى التغييرات 
الجي ہنا :بها 


فتصبح النتيجة كالتالي : 


هؤقخ ورحدونز 


| # inden.htm ", 


الآن بعد أن أنتهينا من تصميم الشعار سوف نقوم بتصميم جدول مؤلف من أربع أعمدة كما بالشكل 


سنضع بالخلية الأولى الصفحة الرئيسية وبالخلية الثانية سجل الزوار -وبالخلية الثالثة نضع الاتصال بنا وبالخلية 
الرابعة قائمتنا البريدية كما بالشكل : 


Husa rın ھؤققخ‎ 


الصقحة ال اة سجل الزوار 


الأن سنقوم بإنشاء جدول مؤلف من قسمين قسم الأقسام وقسم المحتويات كالتالي : 


الصفحة الرئيسية سجل الزوار الاتصان پتا قائمتنا البربدية 


سنضع في قسم الأقسام القيم التالية : 
ت قسم معلومات عني 
قسم سجل الزوار 
- قسم القائمة البريدية 
ت قسم النموذج البريدي 
وفي قسم المحتويات النص التالي : 


أھلاً وسھلاً بکم في موقع ہھsں٣‏ 
تحياتي لكم حسام الدين حسن 


كي تصبح النتيجة بشكل نهائي كالتالي : 


الصفحة الرئيسية سجل الزوار الاتصال بنا قانمتنا البريدية 

قم معلومات عني| آهلا وسھلا بکم في دوقع ٥‏ 52ں ٣]‏ 

ڄل الزوار 

لانصال بنا تحيائي لكم حسام الدين حسن 

قائمتنا البريدية 
يمكنك أن تقوم ببعض التغييرات على الجداول وذلك بتغيير إما ألوانها أو تغيير حجمها e‏ 
كما تعلمنا سابقاً وذلك بالضغط بالزر الأيمن على الجدول المراد تغير خصائصه واختيار خصائص الجدول حتى تصبح 
نتيجة مثالنا كم يلي: 


ا 
منادسة داور ادت 


إنشاء الروابط التشعبية بين الصفحات : 
قبل البدء بانشاء الروابط ٠‏ 


إضغط في مكان من الصفحة بالزر الأيمن واختر خصائص الصفحة كما تعلمنا سابقاً واختر 


الخلفية 
الارتباط التنشجبي: 
ارتباط تشجبي تصتا زبارتد: 
الأرتباط التشجبي النشط! 
٠آ‏ الحصول على معلومات الخلفية من صفحة أخرف 
موافف إلخاء الأصر 
ومن ثم اختر 


تمكين تأتيرات الدمير فوق الارتباط النشيعبي 
النصط عند التمرير... 
بعد الأختيار إضغط على زر النمط عند التمرير فتخرج لك النافذة التالية قم بتغيير الخط إلى الى الخط الذي تريد وقم 
بتحديد عريض ام مائل وقم بتحديد تسطير علوي و تسطير كما في الشكل 


Angsana Mew 
AngsanalIPL 
Arabic Transparent 


٠آ‏ أحرف استهلالية صغيرة 

| اجرف استهلالية رة 

التتابة بأحرف كبيرة 
تفي 


#4aBbYyGgLIJj 


بعد ذلك إضغط موافق 

ملاحظة :_لا يمكنك إختيار خط خارجي يمكنك فقط اختيار الخطوط التي تأتي مع ويندوز 

إنشاء الروابط : 

الآن بعد إنشاء الصفحة الرئيسية سنقوم الآن بإنشاء الصفحات الأخرى وربطها مع بعضها 

أولاً قم بالذهاب إلى قائمة ملف واختر حفظ بإسم واحفظ الصفحة بإسم ۷e."‏ o٥fہ|‏ في امسار D:\|Husaml‏ 
وقم بالتغيير البسيط وهو مسح نص قسم المحتويات واستبداله بالنص : 

معلومات عني : 

الأسم : حسام الدين حسن 

husam ha@maktoob.com : البريد الإلكتروني‎ 


الموقg‏ : www.worldcomputer.jeeran.com‏ 
البلد : سورية - حلب 


أنت الآن في صقحة معلومات عني 


كي تكون النتيجة كالتالي : 


قسم معلومات عدي 
سجل الژوار 
الاتصال بنا 


قائمتنا البريدية 


البريد الالكتروئي : 00©.ظ00ټhusam_ha(®maKt‏ 


www.worldcomputer.jeeran.com : zlوملا‎ 


البلد : سورية - حلب 


آنت الآن في صقحة معلومات عني 


الاقام : [المحتويات : 
قسم معلومات عني 

سچل الزوار 

الاتصال بنا 


فائمتنا البريدية 


الصفحة الرئيسية - وقع دفتر الزوار - مشاهدة دفتر الزوار 


الصفحة الرئيسية - وفع دفتر الزوار - مشاهدة دفئر الزوار 


واختصاراً 


قم بحفظ الملف مرة أخرى باسم اهء)t|‏ ومرة أخرى بإسم ٣٠١Q‏ ه8 وأجر التغييرات التي تريد على كل ملف في خلية 
المحتويات 


الآن أصبح لدينا ٠‏ ملفات هي : 


Index.htm — InfoMe.htm — Zoar.htm — ltsal.htm — Bared.htm 


الآن قم بتفح الصفحة الرئيسية وإذهب إلى الكلمة وقم بتحديدها و اضغط الزر الأيمن عليها كما بالشكل: 
چ = ë2‏ 


دراج صفوف 
لدراج أ عمد 


ضاق الجدول... 
خصاتص الخلية... 


النص المطلوب عرضة: الصفحة الرئيسية 
TIE‏ 
Ty E] index.htm (eê)‏ 
فی( Zoar html‏ 8 : 


الآطار الهدف... 


bl | | FÎ main 


| > [index.htm 
ا‎ | 


الآن بعد أن تعلمت كيفية إنشاء إرتباط تشعبي للكلمات قم بتطبيق هذه الأوامر على باقي الكلمات مع تحديد كل ملف 


ملاحظة : يمكنك تغيير ألوان الأرتباطات حسب ما تريد كما يمكنك وضع إرتباطات للصور أيضاً 


أما بالنسبة لقسم الأقسام قم بإنشاء الروابط حسب الكلمة وحسب الملف التابع لها حتى تصبح النتيجة كما يلي 


الأن أصبح مشروع الصفحة الرئيسية كهذه الصورة : 


بسم الله الأرحمن الرحيم 
أهاڈ وسهادٌ بكم في الصفحة الرئيسية من مرق هوبا 
نرجو! أن يعجبكم الموقع] 
وشقراً 


أنت الآن في الصفحة الرئيسية 


الآن قم بنسخ هذه الروابط لجميع صفحات الموقع : 

ملاحظة : بإمكانك التنقل بين الصفحات عن طريق وضع الماوس على الرابط الذي قمت بإنشائة وضغط زر 

ا٥‏ †nه‏ من لوحة المفاتيح ومن ثم الضغط بالماوس على الرابط بعد الضغط ستلاحظ ان البرنامج قام بتحرير صفحة 
هدف الرابط 

ملاحظة ۲ : يمكنك فتح أي ملف من خلال الرابط التشعبي 


وقد خصصت التطبيق الثانى من مجلد التطبيقات كمثال على إنشاء الروابط بين الصفحات 


۹ ۱ 0 
وهذه هي صورة التطبيق 
EZ7 .‏ 
الحغحة الرıîصuة‏ - Microsoft Internet Explorer‏ 
يلف تجرير عرض المفضلة أدوات تعليمات 


O r a OEE 


E:1¥ dltl tinder him 


أهلا وسهاا بكم في الصفحة الرئيسية من مرح ٣‏ وءuں‏ 1 


اتحياتي لكم حسام الدين حسن 


ie: E‏ اي 2£ +$ Zar hir‏ ا جهاز الكمبيوئر 


وضع الصور المتكاملة داخل الخلايا كما بالشكل : 


3 الصفحة الرت دياسية - KENE __Microsatt Internet Explorer‏ 
لف نحریر غرف المضبلة أدوات تعليمات 0 


ا a‏ @ ار بث جا المفضلة ê > NES‏ 8 ل 2 


غنوان |[ ساط ة3 ااتصميم موتع مجاني من البداية حلى النهاية؛اللطلبيق ۴:۴ 


Pe 


| 8 سال | باصا “ 
ا 


هقخ در Husa‏ 


|8 :عا تمم مو کی۰ ۲ مجانی :من ۲١‏ الد ایا ۲ حنی :2ء ۲ النهایة النطبی ی ١اا‏ ود2 ا جهاز الگمببوتر 


أولاً إضغط على الخلية التي تريد وضع الصورة بداخلها بالزر الأيمن واختر خصائص الخلية(كما تعلمنا سابقاً) 
بعدها اختر استخدام صورة خلفيه وتحدد مسار الصورة وتضغط زر موافق کما بالشکل: 

امات خصائص الخلية 

التخطيط - 

محاذاة أفقية: الأفتراضي | تحني الحرض:؛ 
مجاذاة عمودية: الافتراضي || + بالىڭسل 

* بالنسبة المثوة 

استذاد الصغوف: ا #] نيد الارتفاع؟ 
اداد الأعصدة: ا 2 بالبکسل 


٠‏ بالنسة المثوة 
| خلة العنوان 


أ بلا التغاف اتجاء الخلية؛ بلا > 
| الحذود 

اللون: ج الحذ الفانسح: تلغاڻي آ“* 
1 الخد الذاتن: تلقاثي EM‏ ¥ 
| الخلفية 


اللون: نلقاثي | اا 
#آ استخدام صورة خلفة 
استجراض... | خصائص... 


وقد وضعت التطبيق الثالث كمثال على إنشاء خلفيات للخلايا 


ملاحظة هامة جداً جداً فى مجال تصميم المواقع : 


عند تصميمك لموقع قبل تصميم الموقع وقبل تصميم الصفحات يجب أن تقوم بإنشاء مجلد خاص بهذا الموقع وتضع 
داخله كافة ملفات الموقع من صور وملفات الويب كالشكل التالي : 


> 1 E: ب‎ 
@ A A A BÛ BÛ E @ 
آلا‎ mune_r_U3AZ tal Informe inde. A Index. 1 index Bared 


لماذا تقوم بذلك؟ لكي تكون الروابط معروفة عند تحميل الملفات إلى الموقع 

توضيح أكثر 

مثلاً لديك ملف ويب في السواقة © وملف الصفحة الرئيسية في السواقة 5 ويوجد رابط داخل الصفحة الرئيسية 
بفتح الملف الموجود في السواقة © هذا الكلام نظامي داخل كمبيوترك ولكن عند تحميلك الملفين إلى الأنترنت فهناك لا 
يوجد سواقة © ولا سواقة D‏ لذلك يجب الأنتباه لهذه النقطة 


طبعا أنا لم أقم إلا بإدخالك في عالم تصميم الصفحات ويمكنك تصميم صفحات حسب رغبتك وحسب ذوقك المبدع 
ملاحظة : بإمكانك بوساطة برنامج موه ۴٠٣۲۴‏ تحرير أي موقع أو أي صقحة ويب ذات اللاحقة ۳٤٣|‏ 
تم وبعون الله الأنتهاء من جزء تصميم الصفحات أرجو أني قد وفقت في الشرح 
وإذا كانت هناك أمور غير مفهومة أو أني مقصر في مجالات مختلفة 
راسلني ولا تتردد 
Husam ha@maktoob.com‏ 


وإنشاء الإظافات : 


الجزء الثانى - حجز مساحة على الأنترنت وتحميل صفحات المو 


الأن بعد أن أنتيهنا من تعلم تصميم الصفحات وإنشاء الأقسام والجداول سوف نقوم معاً بتصميم موقع لهذا الكتاب 
وليكن إسمه امسء )ها وسيحوي هذا الموقع على : 
معلومات الكتاب + سجل الزوار + قائمتنا البريدية + راسلنا + عداد زوار 
سمي بالله ودعنا نبداً 
أولاً إذهب إلى موقع جيران (الموقع ما بيضيع حدا) : 
www.jeeran.com‏ 
فتظهر لك صورة الموقع كالتالي اختر كما بالصورة ٠‏ 


2 جیراڻ _ Microsoft Internet Explorer‏ - [الغمل دون الاتصال] 
ملف لجرير عرض الملضلة أدواث نعليماث 


@ :0 - ا 4 6 2 س @ 23ي 8 اک 


hitp:# Fwy. jeeran.com# 3 


دوك | تستجل | رذ الالكت دنك | اعدادات | مساعة | ا3اوةغ | 


9 هل تعلم أنه يمكنك إنشاء حساب في جیران به 
أسهل الأن؟ 
اقرا الصزند الصزند 


E RE 


بعدها تظهر لك صفحة تسجيل المعلومات قم بإدخال المعلومات كما هو موضح بالصورة : 


عضو في جیران؟ اصغط قا سجل قي جیرات الآت! 
هنا إسم الوق 


تك اهذه الجملة تخرج تلقائيا تأكد منها 
البريد الالكتروني 
husam_hadmaktoob.com‏ ملك 


بو ب4 


رجا ادخل بريد الكتروني صحيح 

كلمة السب 

HERES 

بجحب ان يتكون من ١‏ احرف على الأقل صساعدة في كلمة الس" 
اعد اذخال كلمة الر 


(جه) يجب إدخال هذا الرقم في الأسغل 


تنصجلك باتهام قذة الخطوات لتقعيل جخسابك قي حيرات بحقنك انجاوز خن هده الخطوات و 
إتعاصها لذحقاً في جسابك. 


في الصورة السابقة يوجد العديد من الخيارات التي تمكنك من الأتصال بأصدقائك لدعوتهم لموقعك عن طريق إرسال 
رسالة لهم على الإيميل ووضع صورة خاصة للموقع في جيران 

بعد الضغط على التجاوز عن هذه الخطوات 

و هذه الصفحة: 


lla a و وات‎ 


الرتيسية معلوماتي الاشتصامصات التعليقات تصمم صفقحتي 
اlھil .Makewelb‏ 
ادا عنداداتي: 
ج 


-اعذادات: الأصدقاء؛ + 
]× -اضش: صشال جنند 
اد ت أصنقاتك عدذ الزوار؛ * 
غدل القورة خضل صضورك 


* الترتيب في جيران‎ httpi#tmakeweb.jeeran.com#profiler 


التصليقات؛ + 


إضغط على الرابط رقم واحد أنا وهو إضافات لكي نقوم بوضع سجل الزوار والقائمة البريدية وعداد الزوار 
بعد الضغط على إضافات تظهر لك الصفحة التالية 


اضاقان رانعة الحوقة 


لوار موق ء ستما فنك السضاح لوار E‏ 


و دفاتر الزواء 1 


نکر ء يضشنكم الحصول على العبيد من حفر الزوار 
0 الزدار ا زار موقحكا من نهر ملاحظات عن موقجك 
داري ال 


€ القوائم البريدية 2 


إجمة عناون البريد الإلكنروني لوار موقكك و أرسل بريد 
التنرفي إلى قوقمك البريحية أحاة ممتازة لأرسال الرسقل 
الأخباية و الإأعلشات إلى علاك و زبكنك. 

ادا تا تخدامها الات 


التماذج البرنديه 3 


النغاخج البرينيد شي الطريقد المتلج لالجحصول علج معلومات 
من زوار موقحاك 
ارف التساخح الب 


عمداذات الزوار 4 


عداخات الزواز من 25۳۳ 8۴3۳عز توفر للا المقدرة على متابحة 
آعداد الزوار النين يزوروت صضفجلاك 
أ حار عداحات الزوا 


سنقوم ألآن بتصميم سجل الزوار إضغط على الرابط سجل الزوار فتظهر لك الصفحة التالية حيث تخبرك هذه الصفحة 
بأن موقعك لا يملك سجل زوار : 


دقتر زوار حيران هو الطريقه المثلى 
للتقاعل مع زوار موقعكت. دفتر الزوار تمكن زوارك من 


وضح رسالد عامد على موقجاد . بصن تحرير ذفتر الزوار تما تشاء. 


شذة بعض صن خصائص دقاتر زوار حيرات يمكنك الحصول على أتتر من ذفتر زوار 
- فح صورة على ذقير الزوار 

-اختر ات خلفيه تناسبه 

- تجتم تاصل بصعطبات ذفتر الزواز, 

بصكنك الحصول على دذفتر زوار بسهوله ... 

أ دقر زوار نند 

حصص ذفتر الزواز تصا تشاء 


إضغط على دفتر زوار جديد فتظهر لك الصفحة التالية لكي تضع إسم لسجل زوارك كما بالشكل: 


الرساء [إدخاك عنوات لدقتر الزواد: 


E E +‏ ج الزوار | تشي صجل زوار جد 


بعدها أضغط على أنشىء سجل زوار جديد فتظهر لك الصفحة التالية من خلال هذه الصفحة تتحكم بصفحة سجل الزوار 
حيث تقوم بإدخال لون خلفية الصفحة وألوان النص والخط ووووووو وتأكد بأن تكون الخيارات كما بالشكل : 


الرجاء ادخال خصائض دفتر الزوار بشكل بشبه باقي موقجحك 
[ملاحظة؛ جمع الحقول التي تجتوي على "بجانبعا مطلوة) 


* الجنوان: 

لون الخلفيه: 

لون النصض: 

لون الوصاه: 

لون الوصلهة المزاره: 


خرف الصفحه الأصليه: 


(piel 
2k 
2 
(2e 


شل تود اخبارك بالمراسل الشخصي عند اضافة تليق جحيد في الدفر؟ نعم 0© ن @ 


الشعار 
قبل H۲۳1‏ 


شار بالاس شل : 
قبل ۳۲۹1 


* رسالة شتر: 
إالرسلة ستظهر للزوار 
بحد توقبح ذفتر الزوار). 


لخة ذفنر الزوار 


الصورة: 


حرف: 1_| اد الأقصى *++ة 


حوف: لحد الأ قصي + +ت 
ا 


حرف: 1 الأقصى ٠++*‏ 
بي 


English #‏ 
اللخة التي سيظغر بها الذدقتر لزوار صوشجاد 


إضغط على أرسل التغييرات فتظهر لك صفحة الكود فهذه الصفحة لا تلزمك فالأن أصبح لدينا سجل زوار اسمه سجل 
الزوار الآن نريد الحصول على رابط سجل الزوار لكي نضع رابطه في موقعنا نضغط على مشاهدة من خلال هذا 


نا منك تحریر تواقیع وارك 


بحذف التواقيع الغير مرغوب بها 


فبعد الضغط على مشاهدة تظهر لنا صفحة خارجية وهي صفحة سجل زوار موقعنا كما بالشكل: 
لا تنسی زيارة سجل زوار موÃخg‏ omټwww.makeweb.jeera¬.co‏ 


سجل الزوار - Microsoft Internet Explorer‏ - [العمل دون الاتحال] 
يلف يرير عرض البفضلة أدواث بعليباك r‏ 


& J-S BB © wg O A 


Links اننغاا‎ E addons #aueslboskrquestbaok.a3 


الصغحة الرئسسية | وقع ذقتر الزوار | شاشد ذفتر الزوار 


لا توحد اګ مدخلات قي دقتر الزوار 


الصغحة الرتيسة | وقج دقتر الزوار | شاشد دفتر الزوار 


قم بنسخ هذا الكود بأكمله واحفظه في أي مستند نصى لأننا سوف نحتاجه لكي نضع هذا الرابط 


2 
قم بإنشاء مجلد خاص لكي تضع فيه أكواد الإضافات بالنسبة لسجل الزوار قم بإنشاء مستند نصي داخل المجلد الخاص 
بالأكواد وضع فيه رابط سجل الزوار واحفظ داخله الرابط كما بالشكل 


الآن قمنا بتصميم سجل زوار لموقعنا بشكل كامل وهو خالي حاليا الآن سنقوم بإنشاء قائمة بريدية لموقعنا: 


إنشاء قائمة بريدية : 


قم الآن بالضغط على إضافات للموقع(حيث تجدها في أعلى الصفحة) من جديد لكي تخرج لنا صفحة الإضافات واختر 
منها القوائم البريدية فتظهر لك الصفحة التالية : 


بدأ تنا 


القوائم البربنية من ١0۳٥.١28۲3ز‏ شي الطريقة المتلى لحمح عناصن 


البيد الالكترضي من زوار موقعك. و مراسلتهم جميع في أن وا ٠‏ اكا وم iاأaص Join my‏ 


Your ê-rîaîl address: 


freddie Bhisserte aT 
Subéofîbê to List | 


مناسبة للرسائل الإخباية. الإتصال بالجملة أو إخبار الزوار عن 
تحسينات الموقع . يصن للذواز ù‏ ینضو إلى القاءمة صن مو ِ, 
قوائمنا البرينية قابلة للتجنيل تلا لذا يصكن أن تججلها تبذو مثل 
باقي صوفجاك . 


شذة بعحض السات التي تحصل عليها ص القواثد البريدية صن ۲3۸.٥0771‏ 6ع]: 


- یسن ù‏ تنش فوائم بريحية متجددة. 

- أرسل بريد إلكتروني إلى أكثر من قائمة بربدية في نفس الوقت. 

- أرشيف من الرساتل الإلكترضية الي أنشاتها أو أرسلتها سابقاً, 

- مجرر النص المتقدم لإنشاء رسال إخبارية (إ1١۳۳۳)‏ (إنش تي إم إل) جذابة و ملوة. 
- السيطرة الخاملة لحذف أي مشتركد في قواتمك البودية., 
- تلق بيدا إلتترضياآ عندها يشترك شخص جنيدقي فائمنك أو ينهي آحد المشترتين 
[شتزاقه من القاثمة. 


گیتف تحصل على قاثة بریدیة صن ۴۳۲۵۸.٥0۳‏ ع[؟ بسیطة..۔ 


E 1‏ قاثتة نة جنندة 
عدذلها تدا تحب 


إضغط على إنشاء قائمة بريدية جديدة فتظهر لك الصفحة التالية : 


اس راعنوان القاثمة: افا 0 

EES‏ *+ت حرق 
لخة القائمة: @ 
اة هخ التي مط يماج الوه ا ده 
لمشتركي هذه القائمة English O‏ 


أدخل إسم لهذه القائمة ومن ثم إضغط أنشىء هذه القائمة وتابع إعدادات القائمة حتى تصل إلى صفحة الكود وقم 
بنسخ الكود بكامله وضعه بمستند نصي خاص كما تعلمنا سابقاً واحفظه على كمبيوترك لكي نضعه في صفحاتنا لاحقاً 
کما بالشکل: 


ملاحظة : إن إنشاء الإضافات أمر سهل جداً فقط قم بتعبئة كيف تريد أن تكون الإضافة التي إخترتها حتى تصل إلى 
صفحة الكود فهناك تكمن الصعوبة (ولكن لا تقلق في الدروس القادمة لن أشرح سوى صفحة الكود أي كيف نضيف 
هذه الإضافات إلى صفحات موقعنا 


إنشاء الموذج البريدى : 
قم بإنشاء النموذج البريدي (فقط قم بتغيير الألوان والخطوط والنصوص) حتى تصل إلى صفحة الكود كما بالشكل 
بوجذ لحيلا خيارين لنشئين زؤازلك من ارسال بريد التترققي 


-١‏ استعصل النصوذج الذصدي 
لاستجهال التمودذح الأصلي. نسح ووضع التودذ في تود ص قحاد 


ta href="http:f f www, JEeeran. CoM a3p~ 
binfhpfaddons, forrmail# forrmmail. asp? 


ACLEion=Shovetuszer nameE=makeweb 4FHID=3 A58 
"Email He<#a> 


تقل إل (الگلببورد] 


-٣‏ حرر النصوذج البریدگ تارج حيرات 
نسح ووضع الكود قي الكود الخاص بك ثم جررة كما تشاء مح المجافظة على اسهاء الحقولك 


|SRFipE 


araE="http: ff www. JeEEran. Com# aAAon32# FDEm7 mı 
akEvEb/ 3745 TBF a" 


lanfuagfEeE="jaAVASEE IpE "ZF SBEIpE= 


آنقل إلى [1لکلببوٰرد] 
فقط قم بنسخ الكود المحدد في المستطيل الأسود في أي مستند نصي واحفظه على كمبيوترك كي يصبح مجلد الأكواد 


کما بالشکل : 


راہبط جا کون الشاتمة 
الزوار البريدية 


وطبعاً أظن الآن أن فكرت إنشاء المستندات النصيحة أصبحت مفهومة وعند تصميم أي إضافة نقوم بوضع كودها 
بمستند نصي خاص به لكي يتم الإستفادة منه لاحفا 


إنشاء عدادات الزوار ٠‏ 


حتى الآن قمنا بالتالي : 

حجزنا موقع في جیران اسمه W٥‏ )هھ ورابطه 
www.makeweb.jeeran.com‏ 

وقمنا بتصميم سجل زوار + قائمة بريدية + نموذج بريدي + عداد زوار 
وقمنا بحفظ أكواد هذه الإضافات في مستندات نصية في مجلد خاص بهم 


تصمیم صفحات موقg Nakeweb‏ : 


الآن بعد حجز المساحة المجانية ومعرفة رابط موقعك وأكواد الإضافات نقوم الآن بتصميم الصفحة الرئيسية للموقع 
ونسميها ×مل "| ونقوم بحفظها في مجلد خاص بها وليكن ٥٠W ٥|‏ )ه0 |: E‏ ونضع فيها الأقسام التالية : 
معلومات عن الكتاب - سجل الزوار - قائمتنا البريدية - الاتصال بنا(وهي النموذج البريدي) حتى اصبحت الصفحة 
لدي کما بالشکل : 


0ھ رر 


ez 


ألا وسھلا بكم في مرح امب )ھا 
هذا الموتع خاص لتتاب كيفية تصميم موقع مجاني من البداية حثى النهاية 
: حسام الاين حن 
لموقع الأساسي : 
مجالائي : تصميم المواع ۔ برمجة البرامج والالعاب بالفيجوال يسك ومتوسط باث O١٥)‏ 


الآن سأقوم بشرح لك طريقة وضع أكواد الإضافات في الصفحة الرئيسية 


وضع رابط سجل الزوار : افتح المستند الذي وضعت داخله رابط سجل الزوار وقم بإنشاء رابط لكلمة سجل الزوار 
الموجودة في الصفحة الرئيسية وادخل الرابط الموجود في المستند رابط للكلمة كما بالشكل: 


| iıdex. him {ad} 
index 
ا‎ index, 1 
ا‎ index, 2 


التصجلدت 


الأخيرة 


الجنوان: BEEp: my ,jeeran,cormfasp-binfhpfaddoansfguestbaokfguestbc‏ | لزالة الارنباط 


إنشاء صفحات الإضافات الأخرى : 


الآن سنقوم بإنشاء صفحة خاصة للقائمة البريدية كمثال على باقي الصفحات قم بحفظ الصفحة الرئيسية بإسم ل82۲6 
وذلك بالذهاب إلى ملف واختر حفظ بإسم واحفظها بإسم ٣٥d-‏ 62 

الأن أنشئنا الصفحة البريدية افتح المستند الخاص بكود القائمة البريدية وانسخ جميع محتوياته وقم بالتالي: 

أولً لا تنسى نسخ الكود ومن ثم ضع المشيرة داخل الجدول المراد إدراج القائمة بداخله كالشكل التالي: 


انضم لفائمة بريد مو اع a)‏ 


داخل الجدول 
بعد تحديد مكان المشيرة إضغط على 1"١‏ من الأسفل كما بالشكل: 


مجاينة | 111 0| عادي 4ا 


٤ 


فتظهر لك صفحة أكواد H)m|‏ لا تقم باي 
في الموضع الخاص بالمشيرة كما بالشكل: 


شيء سوى إذهب لقائمة تحرير واضغط لصق ستلاحظ انه تم إدراج الكود 


ata wıûrn="d4d#* neLIgnT=* 34 DACEQEOUNA= INMEK. d2. DD 
<font face="ÃArial" 3ize="4"}ض‎ 
a href="http 3 / wu, J eEraN, COL 
دسجل الزوار‎ E0 2 5 e . 
<td width="25%" height="54" be موت المشيرة‎ E لاحظ انه ثم وضم الکود‎ 
font face="Arial" size="4"pÞ 4, 2 # 

tA width="25%" height="54" be 
font face="Arial" size="4"> j 


IEP 
*#Lable>» 
«table border="5" cellspacing="5" satyle="border-collapse: collapse" bordercolor="#l1ll1ll" width="1l00%" id="Av 
<tr> 
<LA vwidth="100%" height="291]" bgcolor="$COCOCO" bordercolor="#FFODOOO" bordercaolorlight="$FFFFFF" bhordercc 
xb>»sfont face="Arial" size="4"> gقوم اتنفم لعائثسة بريد‎ >ةpan‎ 1اang="‎ en-us" « 
Makeveb<#span< fonts 4 /bptp> anh sap 2 #p> 
tpoenbap; cp align="center" enbap;f orm aAcCtion="http: fm. jeeran. confasp=bin/fhp Addons #NET 


لقاتنة السب 
Ed bgcolor="#‏ الاس cûlor="$00 Û EAE‏ 1= 

nput HhaheE=action type=tadio wralue 1 

Ld ILE 


Fr Hege me fin 


بعد ذلك قم بتحديد بدل ا]ط الأمر عادي فتظهر لك الصفحة كالتالي : 


انضم لقائمة بريد موق طNakewe‏ 


٠ اشترك الآن‎ f: 


الآن بعد أن تعلمت طريقة إدراج الكود سأدعك تقوم بإدراج باقي أكواد الإضافات لوحدك ككود النموذج البريدي وعداد 
الزوار 

ملاحظة : قم بإدارج كود عداد الزوار في الصفحة الرئيسية للموقع 

ملاحظة ۲ : بالنسبة لكود النموذج فعند إدراجه في صفحة الا""]1 فلن تشاهده في صفحة التصميم (صفحة العادي) 
لن تشاهده إلا عند معاينة الملف بالمستعرض 


وقد خصصت التطبيق الرابع وهو يشمل جميع صفحات موقع ا۷ء )ه N"‏ لكي تتعلم طريقة إدراج الأكواد 
وطبعاً موقع ا٥ ٥٠W‏ )هج موجود على الأنترنت 
يفك زبارته ونسل سوال تی سول الزوان انخاضن به 
وهذا هو رابط موقع اweءNake‏ 
www.makeweb.jeeran.com‏ 


تحميل الملفات للأنترنت : 


الآن قمنا بإنشاء صفحات وإضافات الموقع بقي شيء وحيد علينا وهو تحميل صفحات وصور الموقع للأنترنت 
لدينا هذه الملفات : 


A 8 8 Ê Ê Û 8 


Mair Isal InfoB ook inden. inden, Î inde# Bared 


سوف نقوم بتحميلها للموقع 


أولاً نقوم بالذهاب لموقع جيران 0ع.٨۲4٠٥ز. WWW‏ 


ثم نقوم بالدخول لموقعنا كالتالي : 
دخول الجيرات 


قلمة السر؛ ons]‏ 


لذ بوبحد حلضا افاي شذة القاثحة 


eS 


اضغط هنا للبدا ف التحميل 


هنا یتم إدراح قائمة اللغات المحولة 


)۶ 
بعد الضغط على تحميل تظهر لك الصفحة التالية : 


انظ الملفات من جهازك الى موفعك بمساعدة عذد لذا البسبطة. اول افخ عل "یبن6" #اختیار الملفلت ن 
اضخط عا ""تحميل الملفات". 
الححم الأقصس لكل ملف ١‏ ١أ‏ د شيلوبايت) إل تود تحميل ملفات اكير 


عدد الصلغات التي تود تحصيلها: |5 » آطهر الخيارات 


الرجاء اختيار الصلغات التي تود تححياها: 


۴ 


حدد المجلد الذي تريد 


التحميل إليه 


Since you are a Premium Members, you can upload any file type you like 


رقم ال "1۴" الخاص بلك ٦1,1۷4, ١2, 11١‏ 


نحن ننصح بتحميل الملفات على دفعات أي كل مرة تحميل تحمل فيها ٠‏ ملفات فقط 
بعد تحميل الملفات تظهر لك هذه القائمة وهي تخبرك أن الملف تم تحميله وانه يمكن أستخدامه بالقائمة من خلال حالة 
الملف 


آ 


Daya. html __Daya.html 1|‏ ھاطاeا‏ __4 7 کیلوبایت ‏ اجید_ 


<< عودذة الى القاثعة | تحمل الحزيد من الصلضات 


ملاحظة : الصفحة الرئيسية لموقعك يجب أن يكون إسمها ×ملم| لماذا؟لأنه عند طلب موقعك سيقوم المتصفح 
بالبحث عن الصفحة الإفتراضية وهي دوماً يكون إسمها جهملم| 


ملاحظة ۲ : لا يمكنك من خلال هذه الصفحة تحميل جميع الملفات من خلال هذه الصفحة يمكنك تحميل فقط الملفات 
التي من نوع صفحات ويب او صور ِ 
ولكي تقوم بتحميل ملفات من نوع اخر كملفات الفيديو والموسيقى و 4۲ وم21 عليك بالاتي تذهب إلى حقيبه 
الملفات كما بالشكل : (حيث تمنحك حقيبة الملفات مساحة قدرها ٠٠٠١‏ ميجا) 


ددن خبرات | اعات اواو 


بعد تحميل ملفات الموقع تكون قائمة الملفات كالتالي : 


Ta Teen 3 ا‎ 
PM kb a ا حط‎ husarn44, aif Ll 

To Teer 2 5 
ا‎ Kb Ze, e التلف دن‎ husarms qi Ll 

alr Imagê = پڪ‎ 

eT Trt 
PI kb |۲ سط ی‎ î index html CÎ 

HTML Gitcufrêrit ول مت م اسر‎ 
I E ۸ تجو‎ 1 inde. htrnl 

Ta Terr 5 2 
PIM EEE e I52. ÛJ 

IF Image الدلف ار‎ 

To Te eT Lo i 
E Kb Tall العلضف انظ‎ I53. Û 

F Image سس‎ 


لا تنسى أن تدعوني لزيارة موقعك بعد الإنتهاء من تصميمه 


تم وبحون 2"١‏ 
اأنتعام من (لحعقار 


لأية أسئلة أو أستفسار يمكنك مراسلتي على lلإıمJı husam ha@maktoob.com‏ 


أو زيارة موقع ام س٥‏ )ه٧‏ ووضع سوالك في سجل الزوار مع وضع إيميلك وسأرد عليك فور قرائتي لسؤالك أو 
إقتراحك 


www.makeweb.jeeran.com 
أخوك : حسام الدين حسن‎ 
لا تنسنى من دعوة صالحة لي ولهذه الأمة المسلمة‎ 


ملاحظة أخيرة : أعتقد أن الكتاب مليء بالأخطاء الإملائية فاعذروني على هذه الأخطاء وشكراً لكم لقراءة الكتاب 
واتمنى أن تكونوا من أفضل مصممي المواقع وشكراً مرة أخرى 


